<!--<template>-->
<!--    <div class="mapselect">-->
<!--        <el-dialog  :visible.sync="dialogFormVisible">-->
<!--            <div style="margin-bottom: 20px;">-->
<!--                <el-input placeholder="请输入地址" v-model="mapAddress">-->
<!--                    <el-button slot="append" @click="searchKeyword">搜索</el-button>-->
<!--                </el-input>-->
<!--            </div>-->
<!--            <div id="container"></div>-->
<!--            <div class="flex mar_t10">-->
<!--                <div class="mar_t flex mar_r30">-->
<!--                    <div class="mar_r30 flex">-->
<!--                        <div class="floatl mar_r10">经度</div>-->
<!--                        <div class="floatl"><el-input size="small" v-model="mapLng" ></el-input></div>-->
<!--                    </div>-->
<!--                    <div class="flex">-->
<!--                        <div class="floatl mar_r10">纬度</div>-->
<!--                        <div class="floatl"><el-input size="small" v-model="mapLat" ></el-input></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <el-button type="primary" size="small" class="floatr" @click="closeMap">确认经纬度</el-button>-->
<!--            </div>-->
<!--        </el-dialog>-->
<!--    </div>-->
<!--</template>-->

<!--<script>-->

<!--    export default {-->
<!--        name: "mapselect",-->
<!--        created() {-->
<!--            let that = this;-->
<!--            // this.init()-->
<!--        },-->
<!--        props: {-->
<!--            value: {-->
<!--            },-->
<!--        },-->
<!--        data() {-->
<!--            return {-->
<!--                dialogFormVisible: false,-->
<!--                address:'',-->
<!--                lat:'',-->
<!--                lng:'',-->
<!--                mapLng:114.304692,-->
<!--                mapLat:30.59331,-->
<!--                mapAddress:'湖北省武汉市',-->
<!--                markersArray:[],-->
<!--            };-->
<!--        },-->
<!--        watch: {-->

<!--        },-->
<!--        mounted() {-->

<!--        },-->
<!--        methods: {-->
<!--            dialogOpened() {-->
<!--                setTimeout(()=>{-->
<!--                    this.init()-->
<!--                },10)-->
<!--            },-->
<!--            init() {-->
<!--                var that=this;-->
<!--                var map = new qq.maps.Map(document.getElementById("container"),{-->
<!--                    center: new qq.maps.LatLng(that.mapLat?that.mapLat:30.59331, that.mapLng?that.mapLng:114.304692),-->
<!--                    zoom: 13-->
<!--                });-->
<!--                var marker=new qq.maps.Marker({-->
<!--                    position:new qq.maps.LatLng(that.mapLat?that.mapLat:30.59331, that.mapLng?that.mapLng:114.304692),-->
<!--                    draggable: true,-->
<!--                    map:map-->
<!--                });-->
<!--                qq.maps.event.addListener(marker, 'dragend', function(event) {-->
<!--                    console.log(event)//搜索后的坐标-->
<!--                    that.mapLat=event.latLng.lat;-->
<!--                    that.mapLng=event.latLng.lng;-->
<!--                    axios.get("{$_W['siteroot']}/app/index.php?i={$_W['uniacid']}&c=entry&do=map&m={$_GPC['m']}&lat="+that.mapLat+"&lng="+that.mapLng).then((res) => {-->
<!--                        console.log(res.data.result.address)-->
<!--                        that.mapAddress=res.data.result.address;-->
<!--                    }).catch(() => {-->

<!--                    })-->
<!--                    //$('#latLng').val(event.latLng);-->
<!--                });-->
<!--                that.$set(that.markersArray, 0, marker);-->
<!--                qq.maps.event.addListener(map, 'click', function(event) {-->
<!--                    that.deleteOverlays()-->
<!--                    var clickMarker=new qq.maps.Marker({-->
<!--                        position:event.latLng,-->
<!--                        draggable: true,-->
<!--                        map:map-->
<!--                    });-->
<!--                    that.$set(that.markersArray, 1, clickMarker);-->
<!--                    console.log(event)-->
<!--                    // alert(event.latLng)//点击后的坐标-->
<!--                    that.mapLat=event.latLng.lat;-->
<!--                    that.mapLng=event.latLng.lng;-->
<!--                    axios.get("{$_W['siteroot']}/app/index.php?i={$_W['uniacid']}&c=entry&do=map&m={$_GPC['m']}&lat="+event.latLng.lat+"&lng="+event.latLng.lng).then((res) => {-->
<!--                        console.log(res.data.result.address)-->
<!--                        that.mapAddress=res.data.result.address;-->
<!--                    }).catch(() => {-->

<!--                    })-->
<!--                    qq.maps.event.addListener(clickMarker, 'dragend', function(event) {-->
<!--                        // alert(event.latLng)//拖拽后的坐标-->
<!--                        that.mapLat=event.latLng.lat;-->
<!--                        that.mapLng=event.latLng.lng;-->
<!--                        axios.get("{$_W['siteroot']}/app/index.php?i={$_W['uniacid']}&c=entry&do=map&m={$_GPC['m']}&lat="+that.mapLat+"&lng="+that.mapLng).then((res) => {-->
<!--                            console.log(res.data.result.address)-->
<!--                            that.mapAddress=res.data.result.address;-->
<!--                        }).catch(() => {-->

<!--                        })-->
<!--                        // $('#latLng').val(event.latLng);-->
<!--                    });-->

<!--                });-->
<!--                var latlngBounds = new qq.maps.LatLngBounds();-->
<!--                //查询poi类信息-->
<!--                var searchService = new qq.maps.SearchService({-->
<!--                    complete : function(results){-->
<!--                        var pois = results.detail.pois;-->
<!--                        for(var i = 0,l = pois.length;i < l; i++){-->
<!--                            var poi = pois[i];-->
<!--                            latlngBounds.extend(poi.latLng);-->
<!--                            var marker = new qq.maps.Marker({-->
<!--                                map:map,-->
<!--                                draggable: true,-->
<!--                                position: poi.latLng-->
<!--                            });-->


<!--                            marker.setTitle(i+1);-->
<!--                            that.$set(that.markersArray, 2, marker);-->
<!--                        }-->
<!--                        map.fitBounds(latlngBounds);-->

<!--                        that.mapLat=results.detail.pois[0].latLng.lat;-->
<!--                        that.mapLng=results.detail.pois[0].latLng.lng;-->
<!--                        axios.get("{$_W['siteroot']}/app/index.php?i={$_W['uniacid']}&c=entry&do=map&m={$_GPC['m']}&lat="+that.mapLat+"&lng="+that.mapLng).then((res) => {-->
<!--                            console.log(res.data.result.address)-->
<!--                            that.mapAddress=res.data.result.address;-->
<!--                        }).catch(() => {-->

<!--                        })-->
<!--                        qq.maps.event.addListener(marker, 'dragend', function(event) {-->
<!--                            //  alert(event.latLng)//拖拽后的坐标-->
<!--                            that.mapLat=event.latLng.lat;-->
<!--                            that.mapLng=event.latLng.lng;-->
<!--                            axios.get("{$_W['siteroot']}/app/index.php?i={$_W['uniacid']}&c=entry&do=map&m={$_GPC['m']}&lat="+that.mapLat+"&lng="+that.mapLng).then((res) => {-->
<!--                                console.log(res.data.result.address)-->
<!--                                that.mapAddress=res.data.result.address;-->
<!--                            }).catch(() => {-->

<!--                            })-->

<!--                        });-->

<!--                    }-->

<!--                });-->
<!--            },-->
<!--            deleteOverlays() {-->
<!--                if (this.markersArray) {-->
<!--                    for (i in this.markersArray) {-->
<!--                        this.markersArray[i].setMap(null);-->
<!--                    }-->
<!--                    this.markersArray.length = 0;-->
<!--                }-->
<!--            },-->
<!--            searchKeyword() {-->
<!--                this.deleteOverlays()-->
<!--                // var keyword = document.getElementById("keyword").value;-->
<!--                searchService.setPageCapacity(1);   //设置每页返回的结果数量。-->
<!--                searchService.search(this.mapAddress);                 //开始查询-->
<!--            },-->
<!--            closeMap(){-->
<!--                this.address=this.mapAddress-->
<!--                this.lat=this.mapLat;-->
<!--                this.lng=this.mapLng;-->
<!--                this.dialogFormVisible= false;-->
<!--            },-->
<!--        },-->
<!--    };-->
<!--</script>-->

<!--<style>-->
<!--    *{-->
<!--        margin:0px;-->
<!--        padding:0px;-->
<!--    }-->
<!--    body, button, input, select, textarea {-->
<!--        font: 12px/16px Verdana, Helvetica, Arial, sans-serif;-->
<!--    }-->
<!--    #container {-->
<!--        min-width: 300px;-->
<!--        min-height: 400px;-->
<!--        border: 1px solid #aab2bd;-->
<!--    }-->
<!--</style>-->
